﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
*{padding:0;margin:0;}
#layer1{width:100%;height:100px;background:#6CF;}
img{height:100px;float:left;}
#source{text-align:right;line-height:150px;font-size:25px;color:#30C}
#layer2{width:100%;height:400px;background:#6CF;}
#layer2-1{width:400px; height:auto; margin: auto ; background:#ddf; border-radius:8px;}
h3{font-size:16pt; color:#a00; text-align:center;}
#login{width:70%;margin:0 auto;}
#login td{height:40px;}
#login .col1{ width:35%;text-align:center;}
#login .col2{ text-align:center;}
#login .col3{ text-align:center;}
#layer3{width:100%;height:auto;background:#999;text-align:center;}
</style>
</head>
<body>
<div id="layer1">
<img src="http://www.sict.edu.cn/Templets/mode3/images/logo.png">
<div id="source">帮助  联系我们</div>
</div>
<div id="layer2">
<div id="layer2-1">
<h3>用户登录页面</h3>
<form  method="get" >
<table id="login"> 
<tr>
<td class="col1">用户名</td>
<td class="col2"><input type="text" name="uName"/></td>
</tr>

<tr>
<td class="col1">密码</td>
<td class="col2"><input type="password" name="pass" /></td>
</tr>
<tr>
<td colspan="2" class="col3">
       <input type="radio" name="sex" value="教师" checked>教师
       <input type="radio" name="sex" value="学生">学生
</td>
</tr>
<tr>
<td colspan="2" class="col3">
<input type="checkbox" name="vehicle" value="10天后自动登录">10天后自动登录<br>
</td>
</tr>
<tr>
<td colspan="2" class="col3"><input type="submit" value="  提  交  " />  <input type="submit" value="  取消  " /></td>
</tr>
</table>
</form>
</div>
</div>
<div id="layer3">
<p>学校地址：济南市旅游路4516号 邮编：250103</p>
<p>电话：0531-86335888 招生电话：0531=86335555</p>
<p>鲁ICP备05002370</p>
</div>
</body>
</html>
